header {
    margin: 0;
    color: #FFD700;
    text-shadow: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #141414; /* Vibrant green background */
    padding: 15px 30px;
    font-family:"poppins",serif; 
    font-weight: 600;
    font-style: normal;
  }

  header h4 {
    font-family:"poppins",serif; 
    font-weight: 600;
    font-style: normal;
  }

  .Banner {
    margin: 0;  /* Remove any margin */
    padding: 0;  /* Remove any padding */
  }
  
  .Banner img {
    width: 100%; /* Make it responsive */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover;
    display: block; /* Removes extra space below image */
  }

  h5 {
    font-family:"poppins",serif; 
    font-weight: 600;
    font-style: normal;
    font-size: medium;
  }

  .logo img {
    width: 60px; /* Adjust the size of the logo */
    height: auto; /* Maintain aspect ratio */
    margin-left: 0px;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
  }
  .navbar ul {
    list-style-type: none; /* Remove bullet points */
    margin: 0;
    padding: 0;
    display: flex;
    font-family:"poppins",serif; 
    font-weight: 600;
    font-style: normal;
  }
  
  .navbar li {
    margin: 0 15px; /* Space between links */
    font-family:"poppins",serif; 
    font-weight: 600;
    font-style: normal;
    
  }
  
  .navbar a {
    text-decoration: none; /* Remove underline */
    color: white; /* White text color */
    font-weight: bold;
    transition: color 0.3s; /* Smooth transition for hover effect */
    margin: 0;
    font-family:"poppins",serif; 
    font-weight: 600;
    font-style: normal;
  }
  
  .navbar a:hover {
    color: #FFD700; /* Gold color on hover */
  }

.icon {
    margin: 0 15px;
}

.icon img {
    width: 40px; /* Adjust size as needed */
    height: auto; /* Maintain aspect ratio */
}

.icon:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
}

.contact-container {
  padding: 5px;
  margin-top: 50px;
}

footer {
  text-align: center;
  padding: 5px ;
  font-family:"poppins",serif; 
  font-weight: 600;
  font-style: normal;
}

  .social-icons {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.card-text-out-of-stock {
  color: rgb(255, 36, 80);
  font-family:"poppins",serif; 
  font-weight: 600;
  font-style: normal;
}

.card-text {
  color: #00e608;
  font-family:"poppins",serif; 
  font-weight: 600;
  font-style: normal;
}

p{
  font-family:"poppins",serif; 
  font-weight: 600;
  font-style: normal;
}

body{
  background-color: rgb(228, 228, 228);
}